<extend name="Base/common2"/>
<block name="body">
<div id="J_main" class="container main">

    <!-- demand start -->
    <section class="form demand">
        <div class="panel">
            <div class="panel-title">
                <h2>提交需求</h2>
            </div>
            <div class="panel-content">
                <form id="J_demand-form" novalidate="novalidate">
                    <input type="hidden" id="suid" name="suid" value="{$suid}">
                    <fieldset>
                        <label class="form-label" for="description">需求描述</label>
                        <textarea class="form-textarea" placeholder="描述内容在2000字以内" id="description" name="description" maxlength="2000"></textarea>
                        <!--<div class="J_form-example form-example">
                            <span class="show" id="showDesc">查看示例</span>
                            <div class="desc">
                                <p>技术介绍：</p>
                                <p>拥有5年的产品经理工作经验，曾就职于某知名互联网公司核心部门，参与公司主要产品的产品设计规划。负责整条产品线的管理。包括产品的功能交互设计，版本迭代，快速原型，产品需求文档等。</p>
                                <p>擅长：互联网产品从0到1的过程，有过较多项目经验，熟悉移动端和pc端产品，对产品整体规划有丰富的实战经验</p>
                                <p>技能产出：产品原型，产品需求文档（prd），竞品分析，产品咨询</p>
                            </div>
                        </div>-->
                    </fieldset>
                </form>
            </div>
        </div>
        <!-- <input id="J_submit" class="btn btn-orange" type="submit" value="发起邀请"/> -->
        <a id="J_submit" class="btn btn-orange" href="javascript:;">发起邀请</a>
    </section>
    <!-- demand end -->

    <input id="requireModule" type="hidden" data-module="demand">

</div>
</block>
<block name="script">
<script type="text/javascript">
    (function() {
        var navPanel = $('.nav-panel');
        $('.icon-icon_menu').click(function(){
            navPanel.css('display','block');
        });

        $('.icon-icon_close_m').click(function(){
            navPanel.css('display','none');
        });

        //切换显示和隐藏
        $('#showDesc').toggle(function () {
            //$('.desc').show();
        },function () {
            //$('.desc').hide();
        });

        var setHeader = function() {
            var st = $(window).scrollTop();
            if(st > 0) {
                $('.header-pc').removeClass('header-transparent');
            } else {
                $('.header-pc').addClass('header-transparent');
            }
        };
        setHeader();
        $(window).scroll(function() {
            setHeader();
        });

        // 提交需求
        $('#J_submit').click(function () {
            var obj = {};
            obj.description = $('#description').val();
            obj.suid = $('#suid').val();

            $.post("{:U('Tech/offerform')}", obj, function (data) {
                //
            }, 'json');
        });
    })();
</script>
</block>